<!DOCTYPE html>
<html>

<head>
    <title>Leaflet</title>

    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" type="text/css" href="libs/leaflet/leaflet.css">
    <link rel="stylesheet" type="text/css" href="libs/leaflet-plugins/leaflet.draw/leaflet.draw.css">
    <link rel="stylesheet" type="text/css" href="libs/element-ui/index.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <link rel="stylesheet" type="text/css" href="css/drawControl.css">

    <script type="text/javascript" src="libs/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="libs/leaflet/leaflet-src.js"></script>
    <script type="text/javascript" src="libs/leaflet-plugins/proj4-compressed.js"></script>
    <script type="text/javascript" src="libs/leaflet-plugins/proj4leaflet.js"></script>
    <script type="text/javascript" src="libs/leaflet-plugins/leaflet.baidu.js"></script>
    <script type="text/javascript" src="libs/leaflet-plugins/leaflet.ChineseTmsProviders.js"></script>
    <script type="text/javascript" src="libs/leaflet-plugins/leaflet.mapCorrection.js"></script>
    <script type="text/javascript" src="libs/leaflet-plugins/Leaflet.markerRotation.js"></script>
    <script type="text/javascript" src="libs/leaflet-plugins/leaflet.draw/leaflet.draw.js"></script>
    <script type="text/javascript" src="libs/turf/turf.min.js"></script>
    <script type="text/javascript" src="libs/vue/vue.js"></script>
    <script type="text/javascript" src="libs/element-ui/index.js"></script>
    <script type="text/javascript" src="libs/vuex/vuex.min.js"></script>
</head>

<body>
    <div id="map"></div>
    <div id="mouseposition"></div>
    <div id="mapzoom"></div>
    <!-- 用于显示调试信息 -->
    <div
        style="display:none; position:absolute; right:0; bottom:30px; background-color:transparent; width:1000px; height:30px; margin-right:3px; z-index:99999; border:solid 1px transparent;">
        <input type="text" id="msg" value=""
            style="width:990px; font-size:12px; padding-left:3px; padding-right:3px; " />
    </div>
    <div
        style="display:none; position:absolute; left:20px; top:20px; background-color:transparent; width:1200px; height:30px; z-index:99998; border:solid 1px transparent;">
        <input type="button" onclick="alert('1')" value="测试按钮" />
    </div>
    <script type="module" src="js/index.js"></script>
</body>

</html>